*{
    list-style: none;
}
.home-page,
.product-service{
    width: 100%;
    .content{
    background: rgb(244, 236, 225  );
    width: 100%;
    height: 628px;
    
    .label{
        position: relative;
        &::before {
            content: ' ';
            background-color:  rgb(128, 128, 128) !important;
            display: inline-block !important;
            height: 100% !important;
            position: absolute !important;
            top: -4% !important;
            width: 2px !important;
            position: absolute;

          }
        line-height: 32px;
        
        span {
            font-size: 16px;
            font-weight: 700;
            padding-left: 18px;
            margin: 0;
        }
    }
    .culture {
        padding-left: 15px;
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 20px;
      
    }
    }
    .content-top {
    font-family: monospace;
    background-image: url('../imsges/backgroundLogo.jpg');
    background-repeat: round;
    }
    .content-info{
    padding: 58px 0 80px 40px;
   position: relative;
   .ant-input-search{
    position: absolute;
    left: 20%;
    top: -14px;
   }
    .info-top{
        width: 60%;
        font-family: monospace;
        background-image: url('../imsges/hill1.png');
        background-repeat: round;
       
    }
    .flex{
        width: 100%;
        height: 100%;
        display: flex;
        .cultureImg{
            width: 60%;
            height: 80%;
        }
        .cultureInfo{
            padding-left: 0;
            width: 40%;
            padding-top: 42px;
            line-height: 54px;
            font-size: 16px;
            color: rgb(156, 126, 89);
            li{
                 padding-left: 40px;
                 
                &:hover{
                    color: #99754B;
                    font-weight: 600;
                }
            }
            .more{
                position: relative;
                margin-top: 22px;
                img {
                    width: 100%;
                    opacity: 0.35;
                }
                .btn{
                    position: absolute;
                    right: 12%;
                    bottom: 12%;
                    &:hover{
                        color: #fff;
                       background: #99754B;
                    }
                    
                }

            }
        }
    }
   
    }
    .content-rotation {
    padding: 30px 0;
   .hill{
    position: absolute;
    top: 59%;
    right: 0;
   }
    }
    .box {
        position: relative;
        overflow: hidden;
        padding-top: 60px;
        height: 480px;
        ul {
            display: flex;
            width: 90%;
            /* 使用动画 */
            animation: go 20s linear infinite;
          }
    
           li {
            float: left;
            
            width: 400px;
            margin-right: 10px;
            img {
                height: 80%;
                width: 400px;
            }
          }
    
          /* 定义动画 */
          @keyframes go {
            100% {
              transform: translateX(-3600px);
            }
          }
      }

      

    .content-service{
    padding: 20px 0;
    display: flex;
    .service1Img{
        width: 55%;
    }
  
    .info-top{
            padding-left: 20px;
            .culture{
                display: flex;
                justify-content: space-between;
                margin-bottom: 0;
            .topImg{
                width: 130px;
            }
            }
            .serviceImg{
                text-align: right;
            }
            .service2Img{
                text-align: left;
            }
            .tips {
                text-align: center;
                font-weight: 600;
                color: rgb(153, 117, 75);
                font-family: monospace;
                font-size: 140px;
                line-height: 180px;
                margin: 0;
            }
            .text{
                color: #99754B;
                font-size: 16px;
                padding: 10px 0 42px 66px;

            }
            .btn{
                background: #99754B;
                color: #fff;
                margin-left: 66px;
                &:hover{
                    background: #fff;
                    color: #99754B;
                    border-color: #fff;
                }
            }
    }
    .service-info{
        width: 100%;
    }
    .news-info{
    width: 77%;
    .culture{
        padding-right: 40px;
    }
    .service2Img{
        text-align: right;
    }
    .tips{
        text-align: left;
    }
    .text{
        padding-left: 0;
        font-family: monospace;
        background-image: url('../imsges/hill3.png');
        background-repeat: round;
    }
    .hill3Img{
        .btn {
            margin-left: 0;
        }
    }
    
    }
    .footer-info{
        width: 50%;
        .text {
            padding-top: 100px;
        }
        .contact{
            display: flex;
            padding-left: 15px;
            font-size: 20px;
            font-weight: 600;
            ul {
                display: flex;
                li{
                    width: 130px;
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    img{
                        width: 60px;
                        height: 60px;
                        margin: auto;
                        margin-bottom: 10px;
                    }
                }
               }
        }
    }
        .news-right {
                ul {
                    padding-left: 0;
                    display: flex;
                    flex-wrap: wrap;
                    li {
                        
                        width: 320px;
                        height: 290px;
                        position: relative;
                        padding-left: 10px;
                        padding-bottom: 10px;
                        img {
                            height: 100%;
                            width: 100%;
                        }
                        .title{
                            position: absolute;
                            bottom: 26px;
                            display: block;
                            color: #fff;
                            left: 45%;
                        }
                    }
                }
            }
        }
    .memoir{
        background: -webkit-linear-gradient(bottom,hsl(33deg 35% 56% / 15%), hsl(29deg 95% 76% / 0%), #f4ece1) no-repeat;
    }
    .footer{
        position: relative;
    .footerImg{
    position: absolute;
    opacity: 0.35;
    width: 100%;
    bottom: 0;
    }
    .info-top {
        .tips{
            color: rgb(8, 8, 8) ;
            font-family: cursive;
            text-align: left;
           
        }
        .text{
            color: black;
            font-size: 14px;
            line-height: 28px;
            padding-left:0

        }
    }
    .footer-right {
        padding-top: 23%;
        p{
            border-bottom: 1px solid;
            height: 50px;
            line-height: 50px;
                .anticon {
                   font-size: 42px;
                }
        }   
     }

    }
}